<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>四方云列表</title>
	<link rel="stylesheet" href="styles/fonts/iconfont.css">
	<link rel="stylesheet" href="styles/css/city-picker.css">
	<link rel="stylesheet" href="styles/css/reset.css">
	<link rel="stylesheet" href="styles/css/main.css">
</head>

<body>
	<!-- header -->
	<header class="head">
		<div class="w1240">
			<a href="" class="head-logo">
				<img src="styles/images/logo-sfy.png" alt="">
			</a>
			<ul class="head-nav">
				<li class="active"><a href="">行业资讯</a></li>
				<li><a href="">物流路线</a></li>
				<li><a href="">同业采购</a></li>
				<li><a href="">企业建站</a></li>
				<li><a href="">联系我们</a></li>
			</ul>
		</div>
	</header>
	<!-- end header -->

	<div class="content w1240">
		<div class="list-route">
			<div class="input-route displayflex">
				<i>从</i>
				<div class="flex1" data-toggle="city-picker">
					<input readonly type="text" data-toggle="city-picker">
				</div>
				<em class="iconfont icon-address"></em>
			</div>
			<div class="input-route displayflex">
				<i>到</i>
				<div class="flex1" data-toggle="city-picker">
					<input readonly type="text" data-toggle="city-picker">
				</div>
				<em class="iconfont icon-address"></em>
			</div>
			<a href="javascript:;" class="btn">路线查询</a>
		</div>
		<div class="list-con">
			<div class="list-tit">
				<a href="javascript:;" class="active">全部</a>
				<a href="javascript:;">普货</a>
				<a href="javascript:;">冷链</a>
			</div>
			<div class="list-tab">
				<div class="list-items">
					<dl class="list-item displayflex active">
						<dt class="releImg">
							<img src="styles/images/c-logo01.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star3"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star5"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dt class="releImg">
							<img src="styles/images/c-logo02.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star3"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star2"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<div class="page">
						<ul class="displayflex">
							<li class="prev">
								<a href="">上一页</a>
							</li>
							<li class="active">
								<a href="">1</a>
							</li>
							<li class="">
								<a href="">2</a>
							</li>
							<li class="">
								<a href="">3</a>
							</li>
							<li class="next">
								<a href="">下一页</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="list-items">
					<dl class="list-item displayflex">
						<dt class="releImg">
							<img src="styles/images/c-logo02.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star4"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star5"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dt class="releImg">
							<img src="styles/images/c-logo01.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star3"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star1"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<div class="page">
						<ul class="displayflex">
							<li class="prev">
								<a href="">上一页</a>
							</li>
							<li class="active">
								<a href="">1</a>
							</li>
							<li class="">
								<a href="">2</a>
							</li>
							<li class="">
								<a href="">3</a>
							</li>
							<li class="next">
								<a href="">下一页</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="list-items">
					<dl class="list-item displayflex">
						<dt class="releImg">
							<img src="styles/images/c-logo01.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star4"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dt class="releImg">
							<img src="styles/images/c-logo02.png" alt="">
						</dt>
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star2"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star3"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<dl class="list-item displayflex">
						<dd>
							<h3>天津市 <i class="iconfont icon-route"></i> 上海市</h3>
							<p class="company-name iconfont icon-company">河南飞达航空货运服务有限公司
								<span>传世认证</span>
								<em class="star star3"></em>
							</p>
							<ul class="company-info">
								<li>要求起运时间：<b>2017-11-27</b></li>
								<li><span>时效</span><b>7天</b></li>
								<li>货物类型：<b>医药</b></li>
								<li>运输类型：<b>整车</b></li>
								<li>温度要求：<b>普货 | 冷链</b></li>
								<li>件数：<b>100件</b></li>
								<li>重量：<b>500Kg</b></li>
								<li>体积：<b>300m³</b></li>
								<li>报价方式：<b>体积 | 件数 | 重量</b></li>
								<li>联系人：<b>张三</b></li>
								<li>联系电话：<b>18679561234</b></li>
							</ul>
						</dd>
						<dd class="list-btn">
							<a href="">派单</a>
						</dd>
					</dl>
					<div class="page">
						<ul class="displayflex">
							<li class="prev">
								<a href="">上一页</a>
							</li>
							<li class="active">
								<a href="">1</a>
							</li>
							<li class="">
								<a href="">2</a>
							</li>
							<li class="">
								<a href="">3</a>
							</li>
							<li class="next">
								<a href="">下一页</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- footer -->
	<footer class="foot">
		<div class="foot-con">
			<img src="styles/images/logo-footersfy.png" alt="">
			<p>北京市西城区宣武门外大街6号庄胜广场办公楼第一座西翼1410室</p>
			<p>+86-10-83197188
				<a href="http://www.csbr.cn/" target="_black">www.csbr.cn</a>
				<a href="mailto:info@csbr.cn" target="_black">info@csbr.cn</a>
			</p>
		</div>
		<div class="copy-right">
			<p>COPYRIGHT © 2000-2015 ALL RIGHTS RESERVED.</p>
		</div>
	</footer>
	<!-- end footer -->

	<!-- script -->
	<script src="styles/js/jquery-3.2.1.min.js"></script>
	<!-- city-picker -->
	<script src="styles/lib/city-picker.data.js"></script>
	<script src="styles/lib/city-picker.js"></script>
	<!-- end city-picker -->
	<script src="styles/js/main.js"></script>
	<script>
		$(function () {
			$(".list-tit a").click(function () {
				$(this).addClass("active").siblings().removeClass("active");
				var listtitnum = $(this).index();
				var listCon = $(this).parent(".list-tit").siblings(".list-tab").find(".list-items");
				listCon.hide();
				listCon.eq(listtitnum).show();
			})
		})
	</script>
</body>

</html>